<template>
	<view style="padding-top: 100rpx;">
		<view class="text-area">
			<text>输入值：</text><input type="text" v-model="title" style="color: red;"></input>
		</view>
		<view class="text-area">
			<text>回传值：</text><input type="text" :value="callBackValue" style="color: yellow;"></input>
		</view>
		<compA :intent="title"></compA>
		<compB @callBackFun="callBack"></compB>
		
	</view>
</template>

<script>
import compA from '../../components/compA.vue';
import compB from '../../components/compB.vue';
	export default {
		components: {compA,compB},
		data() {
			return {
				title:'',
				callBackValue:''
			}
		},
		methods: {
			callBcak(msg){
				console.warn('---index---callBack--->' + msg)
				this.callBackValue = msg
			}
		}
	}
</script>

<style>
.text-area{
	margin: 20rpx;
}
</style>
